<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>H2O导航 - HuajiFish官方出品</title>
	<link rel="stylesheet" type="text/css" href="./css/main.css">
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>
	<meta name="viewport" content="user-scalable=0, initial-scale=1, minimum-scale=1, width=device-width, height=device-height">
	<script src="https://unpkg.com/react@latest/umd/react.development.js" crossorigin="anonymous"></script>
	<script src="https://unpkg.com/react-dom@latest/umd/react-dom.development.js" crossorigin="anonymous"></script>
	<script src="https://unpkg.com/@material-ui/core/umd/material-ui.development.js" crossorigin="anonymous"></script>
	<script src="https://unpkg.com/babel-standalone@latest/babel.min.js" crossorigin="anonymous"></script>
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" />
	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
	<script type="text/babel">
		const {
			Button
		} = window['material-ui'];

		function ButtonAppBar(props) {
		  return (
		    <Button variant="contained" color="primary">
				Hello World
    		</Button>
		  );
		}

		ReactDOM.render(<ButtonAppBar />, document.getElementById("hhh"));
	</script>
	<script>(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js"))</script>
	<script>tpwidget("init", {
		"flavor": "bubble",
		"location": "WX4FBXXFKE4F",
		"geolocation": "enabled",
		"position": "top-left",
		"margin": "10px 10px",
		"language": "zh-chs",
		"unit": "c",
		"theme": "chameleon",
		"uid": "UCB084F87A",
		"hash": "73c3866e638c68d920da95922492aa53"
	});
	tpwidget("show");</script>
</head>
<body>
	<div id="top_bar">
		
	</div>
	<div id="center_box">
		<input type="text" name="search" id="mainSearch" placeholder="搜索或输入网址">
		<ul id="sug-overflow"></ul>
		<script type="text/javascript">
			var sug_h = document.getElementById("mainSearch").scrollTop + document.getElementById("mainSearch").clientHeight + 4;
			var sug_l = document.getElementById("mainSearch").scrollLeft;
			document.getElementById("sug-overflow").style.left = sug_l+"px";
			document.getElementById("sug-overflow").style.top = sug_h+"px";
		</script>
	</div>
</body>
</html>